$(function(){
    $(".small_box").hover(function(){
        $(this).find(".float_layer").show();
        $(".big_box").show();
    },function(){
        $(this).find(".float_layer").hide();
       $(".big_box").hide();
    })
    $(".small_box").mousemove(function(e){
        //鼠标位置
        var x = e.offsetX, y = e.offsetY;
        // 小黑框的左上角位置, -100 让鼠标永远在小黑框的中间位置
        var left = x - 100, top=y-100;
       if(left<0){
           left=0;
       }
       if(top<0){
           top=0;
       }
       if(left>200){
           left=200;
       }
       if(top>200){
        top=200;
    }
        $(this).find(".float_layer").css({
            top: top + "px",
            left: left + "px"
        })

        $(".big_box img").css({
            top: -2*top + "px",
            left:-2 * left + "px"
        })
    })
})


$(function(){
    $(".c_add").click(function(){
       var val = $("#count-ipt").val();
       var num = parseInt(val)+1;
       var count = $(".in-count").text();
       if(num <= count)
       $("#count-ipt").val(num)
    })




    $(".c_sub").click(function(){
       var val = $("#count-ipt").val();
       var num = parseInt(val)-1;
       
       if(num > 0)
       $("#count-ipt").val(num)
    })
    $(".buy-now").click(function(){
        var val = $("#count-ipt").val();
        var price =parseFloat  ($(".li-price").text())*100;
        alert(val* price/100);
    })
})